@media screen and (min-width: 769px) {
	.menu-xs {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.menu-xs .menu-row {
		display: flex;
		justify-content: space-between;
	}

	.menu-xs a {
		text-decoration: none;
	}

	.menu-xs img {
		max-width: 100%;
		vertical-align: top;
		pointer-events: none;
	}

	.menu-xs .text {
		margin: auto 0;
		color: #fff;
		font-weight: 400;
		font-size: 20px;
	}

	.menu-xs .logo {
		display: block;
		width: 150px;
		margin-top: 15px;
		margin-left: 25px;
	}

	.menu-xs .bmenu {
		margin-top: 20px;
		z-index: 2;
	}

	.menu-xs .bmenu .icon {
		width: 50px;
		padding: 12px;
	}

	.menu-xs .bmenu.active .icon {
		background-color: #fffde4;
	}

	.menu-xs .menu-pup {
		display: none;
		position: absolute;
		top: 73px;
		left: 0;
		width: 100%;
	}

	.menu-xs .pup-border {
		background-color: #fffde4;
		box-shadow: inset 0px 1px 0px 0px #ccc;
		padding-top: 15px;
	}

	.menu-xs .pup-items {
		display: block;
		text-align: center;
		padding-bottom: 15px;
		color: #dd4f6b;
		font-weight: bold;
		font-size: 25px;
	}

	.menu-xs .menu-items {
		display: flex;
		width: 50%;
		justify-content: center;
		padding: 10px 0;
	}

	.menu-xs .menu-items .icon {
		width: 38px;
		margin: auto 0;
		padding: 5px 0;
		padding-right: 10px;
	}

	.menu-xs .menu-items:nth-child(odd) {
		background-color: #ed7d63;
	}

	.menu-xs .menu-items:nth-child(even) {
		background-color: #f24966;
	}

	.menu-xs .menu-items:nth-child(even) .icon {
		background-color: #f24966;
		width: 30px;
	}
}